// MathJax.Hub.Config({ // // Use full CDN URLs for extensions so MathJax does not attempt to load from your site root. // extensions: [ // "https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/extensions/MathMenu.js", // "https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/extensions/MathZoom.js" // ], // TeX: { // equationNumbers: { // autoNumber: "AMS" // } // }, // tex2jax: { // inlineMath: [ ['$', '$'] ], // displayMath: [ ['\[', '\]'] ], // processEscapes: true, // } // showProcessingMessages: false, // messageStyle: "none", // TeX: { // Macros: { // // add macros if needed // } // } });

My Quarto Slides

Welcome

This is a Quarto slide!

[1] "/__w/DataVisMaterial/DataVisMaterial/material/slides/vis_slides"

Embedded Jupyter Code

Hello from Jupyter!

Embedded plot 1

Embeded plot

Packages and data

# Importing the packages
import plotly.express as px
import pandas as pd
# Loading and displaying the data
tableRes = pd.read_csv('../../data/exergamewf.csv')

tableRes["Participants"] = "Participants" # in order to have a single root node
tableRes["ppt"] = tableRes["iSubj"].astype(str)
tableRes["strial"] = tableRes["trial"].astype(str)
tableRes.head()
   iSubj  trial  Age  Decade  ...  older  Participants  ppt  strial
0      1      1   76       7  ...   True  Participants    1       1
1      1      2   76       7  ...   True  Participants    1       2
2      1      3   76       7  ...   True  Participants    1       3
3      1      4   76       7  ...   True  Participants    1       4
4      1      5   76       7  ...   True  Participants    1       5

[5 rows x 19 columns]

Treemap source code

fig = px.treemap(tableRes, path=['Participants', 'iSubj', 'trial'], 
                values='Age', color='medSpeed', 
#               hover_data=['Age'],
#               Try a diverging color scale,
                color_continuous_scale=['#d7191c','#fdae61','#ffffbf',
                '#abd9e9','#2c7bb6'] 
                )
fig.update_layout(
    autosize=False,width=1000,height=600);

Treemap showing speed values per participant

fig.show()